<script setup lang="ts">
defineProps<{
    ujt?: any;
}>();
const wd = window as any;
</script>

<template>
    <div class="as-page-area">
        <div>
            <div>
                <img :src="'./assets/img/logo.png'" width="200" />
            </div>
            <div class="as-page-icon">
                <div class="ico as-loading">
                    <AsSvg
                        color="var(--ch4)"
                        height="88px"
                        :src="'asai/loading'"
                    ></AsSvg>
                </div>
            </div>
            <UserCard :ujt="ujt"></UserCard>
        </div>
    </div>
</template>

<style scoped lang="scss">
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.as-loading {
    background-color: var(--ch2);

    animation: spin 1s linear infinite;
}
</style>
